<!-- 发票审批列表 -->
<template>
  <div class="contract-list">
    <pageHeader :title="title" :breadCrumb="breadCrumb" :show-back="true">
    </pageHeader>
      <a-tabs lazy-load>
        <a-tab-pane key="1" title="待审核发票">
          <WaitingAudit/>
        </a-tab-pane>
        <a-tab-pane key="2" title="历史审核发票">
          <HistoryAudit/>
        </a-tab-pane>

      </a-tabs>
  </div>
</template>

<script lang="ts" setup>
  import { reactive, ref, computed } from 'vue';
  import { useRouter } from 'vue-router';
  import { pageData as IpageData } from '@/types/global';
  import { formHeaderSetting } from '@/types/global';
  import WaitingAudit from './waiting-audit/index.vue'
  import HistoryAudit from './history-audit/index.vue'

  const router = useRouter();
  const title = '发票审批列表';
  const breadCrumb = ['订单管理', '回款管理', '发票审批列表'];

  const headerSetting = reactive<formHeaderSetting>({
    list: [],
  });

  

</script>

<style scoped lang="less">
  .contract-list {
    :deep(.arco-space) {
      justify-content: space-between;
    }
    :deep(.arco-space-horizontal .arco-space-item) {
      margin-left: 50px;
    }
    &-header {
      width: 100%;
      margin-bottom: 10px;
      margin-top: 5px;
      :deep(.arco-btn-secondary) {
        color: #165dff;
        margin-right: 20px;
      }
    }
  }
</style>


